<!DOCTYPE html>
<html>
  <head>
    <title>index.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.css" rel="stylesheet">
    
	<link rel="stylesheet" href="buttons.css">

    <style type="text/css">
    a,a:hover{ text-decoration:none;} 
    </style>
  </head>
  
  <body> 
    <a href="#" class="button button-circle">press me</a>
	<a href="#" class="button button-circle button-primary">press me</a>
	<a href="#" class="button button-circle button-action">press me</a>
	<a href="#" class="button button-circle button-highlight">press me</a>
	<a href="#" class="button button-circle button-caution">press me</a>
	<a href="#" class="button button-circle button-royal">press me</a>
	
	<span class="button-wrap"><a href="#" class="button button-circle">press me</a></span>
	<span class="button-wrap"><a href="#" class="button button-circle button-primary">press me</a></span>
	<span class="button-wrap"><a href="#" class="button button-pill ">press me</a></span>
	<span class="button-wrap"><a href="#" class="button button-pill button-primary">press me</a></span>
  </body>
  <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.js"></script>
  <script src="http://cdn.bootcss.com/bootstrap/3.1.1/js/bootstrap.js"></script>
  <script type="text/javascript">
  
  </script>
</html>
